/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 5, 2023, 1:10:00 PM
    Author     : HD
*/

body{
    line-height: 18px;
}

.navbar-standard{
    padding: 10px 0 5px 0;
}

.tPadding{
    padding:5rem;
}

.extraright{
    padding-right: 10rem !important;
}


.aboutus{
    line-height:22px;
}


.about_us_lines h2{
    color: #0074bd;
    font-weight: 300;
    margin-bottom: 0px;
}

.about_us_lines p{
    line-height: 21px;
    margin: 10px 0;
}

.text-blue{
    color: #0074bd;
}

.value_line{
    padding: 1em 0;
    border-bottom: 1px solid #e0e0e0;
}

.carousel-indicators{
    bottom: 10vh;
    padding-left: 50%;
    margin-left: 0px;
    margin-right: 0px;
    justify-content:center;
}

.carousel-indicators li{
    height: 0px;
    width: 25px;
    padding-right: 10px;
    background: none;

}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='0074bc' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='0074bc' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.product_items{
    height: 100vh; !important;
}

.bg-contact .body_area{
    background: #f0ece5;
}


.product_tags{
    display: block;
    width: 75%;
}

.title{
    font-size: 5vw;
}
.subtitle{
    font-size: 22px;
}


.main-carousel{
    width: 70%;
}

.carousel-cell {
    width: 120px;
    height: 150px;
    margin-right: 10px;
    background: #8C8;
    border-radius: 5px;
    counter-increment: gallery-cell;
    text-align: center;
}


@media only screen and (max-width: 767px) {
    /* Your CSS styles for mobile devices go here */
    .logo-dark{
        width: 36px;
    }

    .main-carousel{
        width: 100%;
    }

    .side-nav-btn{
        top: 10px;
    }

    .title{
        font-size: 10vw;
    }
    .title span{
        line-height: 35px;
        height: 35px;
    }
    .subtitle{
        font-size: 14px;
    }

    .side-nav-btn span{
        background: white;
    }

    #showcase-holder .swiper-pagination-bullet{
        height: 0px;
    }

    .header-appear .side-nav-btn span{
        background: black;
    }


    .tPadding{
        padding:2em 1em;
    }
    .bg-services, .bg-services-2, .bg-gallery, .bg-download, .bg-contact{
        background: none;
    }

    .bg-download{
        background: #dbbd93;
    }

    .bg-contact{
        padding: 0px;
    }

    .bg-contact .body_area{
        background: white;
        padding-bottom: 4em;
    }

    .aboutus-logo{
        width: 150px;
    }

    .text-blue{
        font-size: 1em;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .product_items{
        height: auto;
    }

    .extraright{
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .product_img{
        margin-left: auto;
        margin-right: auto;
        float: none !important;
    }

    .bg-services-2 .tPadding{
        padding-bottom: 0px;
    }

    .image-container{
        height: 160px;
    }
    #lightgallery > a{
        width: 45%;
    }

    .about_us_lines .blue_header{
        font-size: 1em;
        margin-top: 2em;
    }

    .carousel-indicators{
        display: none;
    }

}


/* Tablets (portrait and landscape) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Your CSS styles for tablets go here */

    section{
        padding: 0px;
    }

    .caption-border, .counter-wrap, .showcase-counter{
        display: none;
    }
    .logo-dark{
        width: 48px;
    }
    .header-appear .navbar-top-default{
        padding: 5px 15px;
    }
    
    .extraright{
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .bg-services, .bg-services-2{
        background: none;
    }

    .product_img {
        margin-left: auto;
        margin-right: auto;
        float: none !important;
    }
    
    .strech{
        width: 100vw;
    }
    .main-carousel{
        width: 100%;
    }
    
    .carousel-indicators{
        padding-left: 0px;
    }


}